scrollWrap{
	display: block;
	overflow: hidden;
}
scroll{
	transition:all .35s ease;
	-moz-transition:all .35s ease;
	-webkit-transition:all .35s ease;
	-o-transition:all .35s ease;

	transform:translateZ(0px);
	-moz-transform:translateZ(0px);
	-webkit-transform:translateZ(0px);
	-o-transform:translateZ(0px); 

	padding:0;
	border:0;
	margin:0;
	display:block;
	float: left;
}
scrollBar{
	transition:all .35s ease;
	-moz-transition:all .35s ease;
	-webkit-transition:all .35s ease;
	-o-transition:all .35s ease;

	transform:translateZ(0px);
	-moz-transform:translateZ(0px);
	-webkit-transform:translateZ(0px);
	-o-transform:translateZ(0px); 

	padding:0;
	border:0;
	margin:0;
	display:block;

	width: 12px;
	background-color: #BBB;
	opacity: .8;
	float: right;
	position: relative;
	z-index: 5;
	right:12px;
}
scrollBar:hover{
	opacity: 1;
}
scrollBar .animate{
	transition:all .35s ease;
	-moz-transition:all .35s ease;
	-webkit-transition:all .35s ease;
	-o-transition:all .35s ease;

	transform:translateZ(0px);
	-moz-transform:translateZ(0px);
	-webkit-transform:translateZ(0px);
	-o-transform:translateZ(0px); 
}
scrollUp{
	background-color: #888;
	height: 12px;
	display: block;
	position: relative;
	z-index: 4;
}
scrollBlock{
	background-color: #AAA;
	display: block;
	position: relative;
	z-index: 3;
}
scrollDown{
	background-color: #888;
	height: 12px;
	display: block;
	position: relative;
	z-index: 4;
}

/* ----------------------------- */
inputNumber{
	width: 120px;
	height: 36px;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}
inputNumber *{
	display: block;
	float: left;
	height: 36px;
	line-height: 40px;
}
inputNumber numberCut,inputNumber numberAdd{
	width: 30px;
	font-size: 24px;
	text-align: center;
	background-color: #999;
	cursor: pointer;
}
inputNumber input{
	width: 38px;
	height: 32px;
	border: 1px solid #333;
	text-align: center;
	/*padding: 10px 0;*/
	/*line-height: 38px;*/
}
@import '../../Sassproject/mallscss/model-beta';
@import '../../Sassproject/mallscss/theme';

/* 图片上传插件 */
.img-uploader-wrap{
	width: 120px;
	height: 120px;
	overflow: hidden;
	.upload-img-preview{
		width: 100%;
		height: 100%;
		border-radius: 2%;
	}
	.img-mark{
		height: 2em;
		line-height: 2em;
		@include BgTransparent($themeColor,0.5,50);
		position: relative;
		z-index: 1;
		.button-item{
			// width: 50%;
			height: 2em;
			line-height: 2em;
			text-align: center;
			font-size: 1.1em;
			cursor: pointer;
			color: $white;
		}
		&.show{
			margin-top: -2em;
		}
	}
	.upload-loding{
	    width: 90%;    
	    height: 0;
	    border: 3px dotted mix($themeColor,#FFF);
	    border-radius: 20%;
	    text-align: center;
	    padding-top: 45%;  
	    padding-bottom: 45%;
	    font-size: 18px;
	    line-height: 0px;
	}
	.click-to-add{
		width: 90%;
		height: 90%;
		border: 3px dotted mix($themeColor,#000);
		border-radius: 20%;
		input{
			height: 100%;
			width: 100%;
			display: block;
			position: relative;
			z-index: 2;
			margin-bottom: -75%;
			@include BgTransparentAll(0,0);
		}
		.icon{
			// height: 75%;
			width: 100%;
			font-size: 42px;
			font-weight: bold;
			text-align: center;
			vertical-align: middle;
			display: block;
		}
		.value{
			text-align: center;
			display: block;
		}
	}
}

